.middle{
    width: 960px;
    margin: 0 auto;
    border: 1px solid transparent;
}
.topFive{
    width: 868px;
    height: 125px;
    margin: 42px auto 0 auto;
}
.topFive .one{
    width:160px;
    height:125px;
    border-radius:5px;
    box-sizing: border-box;
    padding-top: 10px;
    position: relative;
    float: left;
    margin-right: 17px;
}
.topFive .one:nth-child(1){
    background:rgba(60,199,255,1);
}
.topFive .one:nth-child(2){
    background-color: #25C89A;
}
.topFive .one:nth-child(2) .bottom div{
    width: 33.33%;
}
.topFive .one:nth-child(3){
    background-color: #4F9BF0;
}
.topFive .one:nth-child(4){
    background-color: #F7BB44;
}
.topFive .one:nth-child(5){
    margin-right: 0;
    background-color: #FC8369
}

.topFive .one h3{
    font-size:10px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    text-align: center;
}
.topFive .one p{
    font-size:20px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);
    text-align: center;

}
.topFive .one .line{
    width:150px;
    height:1px;
    background:rgba(255,255,255,1);
    margin: 10px auto 0 auto;
}
.topFive .one .bottom{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 63px;
    overflow: hidden;
    /*background-color: black;*/
}
.topFive .one .bottom div{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-top: 12px;

}
.topFive .one .bottom div p{
    font-size: 15px;
    margin-top: 6px;
}
#container{
    width: 750px;
    height: 300px;
    float: left;
}
#circle{
    width: 148px;
    height: 148px;
    float: left;
    margin-top: 100px;
}
.title{
    width:793px;
    height:35px;
    line-height: 35px;
    background:rgba(245,245,245,1);
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    font-size:13px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    margin-bottom: 9px;
}
.content{
    width:793px;
    height: 141px;
    margin: 0 auto 32px auto;
}
.content h3{
    font-size:12px;

    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    text-align: center;
}
.content p{
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:600;
    color:rgba(51,51,51,1);
    text-align: center;
}
.content .item{
    width:154px;
    height:141px;
    background:rgba(255,242,251,1);
    float: left;
    margin-right: 5px;
}
.content .item h3{
    margin-top: 50px;
}
.content .item p{
    margin-top: 10px;
}
.content .other{
    width:154px;
    height:141px;
    float: left;
    margin-right: 5px;
}
.content .other:nth-child(5){
    margin-right: 0;
}
.content .other h3{
    margin-top: 16px;
}
.content .other p{
    margin-top: 10px;
}
.content .other div:nth-child(1){
    width:154px;
    height:71px;
    background:rgba(239,255,253,1);
    margin-bottom: 7px;
    overflow: hidden;
}
.content .other div:nth-child(2){
    width:75px;
    height:64px;
    background:rgba(239,255,253,1);
    float: left;
}
.content .other div:nth-child(3){
    width:75px;
    height:64px;
    background:rgba(239,255,253,1);
    float: right;
}
.content .one{
    width:110px;
    height:101px;
    background:rgba(255,242,251,1);
    text-align: center;
    overflow: hidden;
    float: left;
    margin-right: 3px;
}
.content .one:nth-child(7){
    margin-right: 0;
}
.content .one h3{
    font-size:9px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    margin-top: 30px;

}
.content .one p{
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:600;
    color:rgba(51,51,51,1);
    margin-top: 12px;
}
